<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
		<title>注册</title>
	</head>
	<script src="./js/md5.js"></script>
	<script src="js/jquery-3.1.1.js"></script>
	<script src="js/login.js"></script>
	<link href="css/bootstrap1.css" type="text/css" rel="stylesheet" />
	<link rel="stylesheet" type="text/css" href="css/login.css" />
	<script src="js/sign.js"></script>
	<style>
		body {
			background: url(img/注册背景图.png) fixed;
			background-repeat: no-repeat;
			background-size: 100% 100%;
		}
	</style>
	<body>
		<!-- 用户注册 -->
		<div class="sign-box">
			<div class="col-xs-12 col-sm-10 col-md-8 col-lg-4 center-block " style="float: none;">
				<br /><br /><br />
				<div class="block">
					<!-- 用户注册头部 -->
					<div class="block-title">
						<div class="block-options pull-right">
							<a href="index.html"
								class="btn btn-effect-ripple btn-default toggle-bordered enable-tooltip">返回首页</a>
						</div>
						<h2><i class="fa fa-user"></i>&nbsp;<b>用户注册</b></h2>
					</div>
					<br />
					<!-- 用户注册信息输入 -->
					<form id="form_sign">
						<!-- 邮箱 -->
						<h4>&nbsp;个人邮箱：</h4>
						<div class="input-group">
							<div class="input-group-addon">
								<span class="glyphicon glyphicon-envelope"></span>
							</div>
							<input type="text" class="form-control" name="email" id="email" required="required"
								placeholder="个人邮箱" /><span id="emailError"></span>
						</div>
						<!-- 验证码 -->
						<h4>&nbsp;验证码：</h4>
						<div class="input-group">
							<div class="input-group-addon">
								<span class="glyphicon glyphicon-envelope"></span>
							</div>
							<div class="code">
							<input type="text" class="form-control" name="code" id="code" required="required"
								placeholder="邮箱验证码" />
							<button class="code-btn" id="code_btn" type="button">获取验证码</button>
							</div>
							<span id="codeError"></span>
						</div>
						<!-- 用户名输入 -->
						<h4>&nbsp;用户名：</h4>
						<div class="input-group">
							<div class="input-group-addon">
								<span class="glyphicon glyphicon-user"></span>
							</div>
							<input type="text" class="form-control" id="username" required="required"
								placeholder="用户名" /><span id="usernameError"></span>
						</div>
						<!-- 密码 -->
						<h4>&nbsp;密码：</h4>
						<div class="input-group">
							<div class="input-group-addon">
								<span class="glyphicon glyphicon-lock"></span>
							</div>
							<input type="password" class="form-control" id="userpwd" required="required" name="pass" placeholder="密码" />
						</div>
						<h4>&nbsp;确认密码：</h4>
						<div class="input-group">
							<div class="input-group-addon">
								<span class="glyphicon glyphicon-lock"></span>
							</div>
							<input type="password" class="form-control" id="userpwd2" required="required"
								placeholder="确认密码" /><span id="pwdError"></span>
						</div>
						<br />
						<div class="form-group">
							<input type="button" value="立即注册" class="btn btn-primary btn-block" id="submitBtn" />
						</div>
						<hr>
						<div class="form-group">
							<a onclick="window.alert('暂不支持找回密码')" class="btn btn-info btn-rounded"><i
									class="fa fa-unlock"></i>&nbsp;找回密码</a>
							<a href="JavaScript:;" id="link_login" class="btn btn-danger btn-rounded" style="float:right;"><i
									class="fa fa-user-plus"></i>&nbsp;返回登录</a>
						</div>
					</form>
				</div>
			</div>
		</div>
		<!-- 用户登录 -->
		<div class="login-box">
			<div class="col-xs-12 col-sm-10 col-md-8 col-lg-4 center-block " style="float: none;">
				<br /><br /><br />
				<div class="block">
					<div class="block-title">
						<div class="block-options pull-right">
							<a href="index.html"
								class="btn btn-effect-ripple btn-default toggle-bordered enable-tooltip">返回首页</a>
						</div>
						<h2><i class="fa fa-user"></i>&nbsp;<b>用户登录</b></h2>
					</div>
					<form id="form_login">
				  <div class="input-group">
							<div class="input-group-addon">
								<span class="glyphicon glyphicon-user"></span>
							</div>
							<input type="text" name="email" value="" class="form-control" required="required"
								placeholder="邮箱号" />
				  </div><br />
				 	<div class="input-group">
							<div class="input-group-addon">
								<span class="glyphicon glyphicon-lock"></span>
							</div>
							<input type="password" name="pass" class="form-control" required="required"
								placeholder="密码" />
						</div>
						<br />
						<div class="form-group" id="btn_login">
							<input type="button" value="立即登陆" class="btn btn-primary btn-block" />
						</div>
						<hr>
						<div class="form-group">
							<a onclick="window.alert('暂不支持此功能')" class="btn btn-info btn-rounded"><i
									class="fa fa-unlock"></i>&nbsp;找回密码</a>
							<a href="JavaScript:;" id="link_sign" class="btn btn-danger btn-rounded" style="float:right;"><i
									class="fa fa-user-plus"></i>&nbsp;注册账号</a>
						</div>
					</form>
				</div>
			</div>
		</div>
	</body>
</html>
